<!DOCTYPE html>
<html>
<head>
	<title>HTML5/CSS3 Resposive theme</title>
	<meta charset='UTF-8'>
	<link rel="stylesheet" type="text/css" href="style/style.css">
	<meta name='viewport' content="width=device-width, initial-scale=1.0">
</head>
<body class="body">
	<header class='mainheader'>
		<img src="img/logo.png">
		<nav>
			<ul>
				<li><a href="#" class="active">Home</a></li>
				<li><a href="#">register</a></li>
				<li><a href="#">view</a></li>
				<li><a href="#">contect us</a></li>
			</ul>
		</nav>
	</header>
	<div class="mainContent">
		<div class="content">
			<article class='topcontent'>
				<header>
					<h2>
						<a href="#" title="First Post">First Post</a>
					</h2>
				</header>
				<footer>
					<p class="post-info">This post is witten by Sopheakneary</p>
				</footer>

				<content>
					<p>Android is the operating system that powers more than one billion smartphones and tablets. 
					Since these devices make our lives so sweet, each Android version is named after a dessert. 
					Whether it's gettingdirections or even slicing virtual fruit, each Android release makes 
					something new possible.</p>
				</content>

			</article>

			<article class='bottomcontent'>
				<header>
					<h2>
						<a href="#" title="second Post">Second Post</a>
					</h2>
				</header>
				<footer>
					<p class="post-info">This post is witten by Sopheakneary</p>
				</footer>

				<content>
					<p>Android is the operating system that powers more than one billion smartphones and tablets. 
					Since these devices make our lives so sweet, each Android version is named after a dessert. 
					Whether it's gettingdirections or even slicing virtual fruit, each Android release makes 
					something new possible.</p>
				</content>

			</article>
		</div>
	</div>

	<aside class='top-sidebar'>
		<article>
			<h2>Top sidebar</h2>
			<p>Android is fast and smooth with buttery 
			 graphics.</p>
		</article>
	</aside>
	<aside class='middle-sidebar'>
		<article>
			<h2>Middle sidebar</h2>
			<p>Android is fast and smooth with buttery 
			 graphics.</p>
		</article>
	</aside>
	<aside class='bottom-sidebar'>
		<article>
			<h2>Bottom sidebar</h2>
			<p>Android is fast and smooth with buttery 
			 graphics.</p>
		</article>
	</aside>

	<footer class='mainFooter'>
		<p>Cooyright &copy; Sopheakneary PHENG PNC 2014</p>
	</footer>
</body>
</html>